🦊Readable Nodes for ComfyUI
01 : Visual Guidance
https://gyazo.com/30d3ce6a42f9f1783ab798e91d2d0f45
Compared to other node-based tools, ComfyUI is relatively simple—materials are placed on a straightforward production line and processed into images in a linear fashion.
The question of whether a node is “readable” could be reframed as: how quickly can one identify this linear production line?
It’s well known in design that people naturally read from the top left to the bottom right.
Workflows should ideally follow this same visual direction.
02 : Show the Wires
https://gyazo.com/9846334b433e5a4122ee5cae02850543
In node-based tools, the only way to understand how information flows—from where it originates to where it ends up—is by looking at the wires.
Careful node placement, and the appropriate use of reroute nodes when necessary, can help avoid clutter and overlapping between nodes and wires.
For similar reasons, "wireless" connections are generally not recommended.
While using them sparingly may help prevent spaghetti-like messes, in most cases, tracing where the data is being sent becomes even more time-consuming—often harder than untangling actual spaghetti.
03 : Do Not Bento
https://gyazo.com/643b7ec8626411c1d7d08161e348b5b5
It’s tempting to confine your nodes within a neat rectangle—but from the viewpoints of Visual Guidance and Show the Wires, this is exactly the wrong approach.
ComfyUI offers an infinitely large canvas.Make full use of that space—spread things out.
04 : Start with the Default Workflow
https://gyazo.com/71fdea2d1aeea37542d068aa855e512f
Workflow → Browse Templates → Image Generation
You can load the basic text2image pipeline.
This setup isn’t just for Stable Diffusion 1.5—it serves as the backbone for any modern image or video generation model.
Beginning here ensures a consistent workflow, making it easier to grasp the process no matter what task you tackle.
05 : Color Code Your Nodes
https://gyazo.com/ccf1a2d336fdbfd0e94ae71926e8d9b6
As you build upon the default workflow by adding various modules, the complexity of your workflow naturally increases. While this allows for sophisticated processing, it can also make the workflow harder to interpret.
Applying appropriate color coding to nodes can significantly aid in deciphering complex workflows.
For instance, when working with ControlNet, you might assign the same color to related nodes such as Apply ControlNet, Load ControlNet Model, and Preprocessor.
This visual grouping enables you to quickly locate and adjust relevant parameters within your workflow.
06 : Add Notes
https://gyazo.com/fa2b5d6e3560c0b56e068228f91f649a
ComfyUI workflows often involve many parameters—like model selection, CFG values, and sampler types. People are often genuinely interested in the choices you make and the thinking behind them.
Unlike in traditional programming, adding notes in ComfyUI doesn’t clutter your workspace. Don’t hesitate to use note nodes to share your insights, preferences, and creative decisions.
For richer formatting, try using Markdown Note nodes. Combined with color-coded nodes, this can greatly enhance the readability of your workflow and help others appreciate and learn from your approach.
07 : Keep It Small and Simple
https://gyazo.com/2a9c66fa28c01a8bd12b24fdde2a07a4
As workflows grow larger, they don’t just take longer to run—they also become more error-prone and harder to read.
Whenever possible, break things down and keep your workflows small and simple. It also makes them easier to reuse in other projects.
ComfyUI supports multiple tabs, each with its own workflow. While an all-in-one setup might seem convenient, consider splitting tasks across tabs—for example, run text2image in the first tab, apply Detailer in the second, and upscale in the third. This modular approach can make your workflows more manageable and flexible.